<template>
  <div>
    <h3>请选择你喜欢的专栏</h3>
    <input type="checkbox" v-model="msg" value="科幻">科幻
    <input type="checkbox" v-model="msg" value="喜剧">喜剧
    <input type="checkbox" v-model="msg" value="动漫">动漫
    <input type="checkbox" v-model="msg" value="冒险">冒险
    <input type="checkbox" v-model="msg" value="科技">科技
    <input type="checkbox" v-model="msg" value="军事">军事
    <input type="checkbox" v-model="msg" value="娱乐">娱乐
    <input type="checkbox" v-model="msg" value="奇闻">奇闻
  <ul>
    <li v-for="item in msg" :key="item">{{item}}</li>
  </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: []
    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>

</style>
